
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Cloud Admin | Login</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<!-- STYLESHEETS --><!--[if lt IE 9]><script src="resources/admin/js/flot/excanvas.min.js"></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="resources/admin/css/cloud-admin.css" >

<link href="resources/admin/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- DATE RANGE PICKER -->
<link rel="stylesheet" type="text/css" href="resources/admin/js/bootstrap-daterangepicker/daterangepicker-bs3.css" />
<!-- UNIFORM -->
<link rel="stylesheet" type="text/css" href="resources/admin/js/uniform/css/uniform.default.min.css" />
<!-- ANIMATE -->
<link rel="stylesheet" type="text/css" href="resources/admin/css/animatecss/animate.min.css" />
<!-- FONTS -->

</head>
<body class="login">
<!-- PAGE -->
<section id="page">
<!-- HEADER -->
<header>
<!-- NAV-BAR -->
<div class="container">
	<div class="row">
		<div class="col-md-4 col-md-offset-4">
			<div id="logo">
				<a href="index.html"><img src="img/logo/logo-alt.png" height="40" alt="logo name" /></a>
			</div>
		</div>
	</div>
</div>
<!--/NAV-BAR -->
</header>
<!--/HEADER -->
<!-- LOGIN -->
<section id="login" class="visible">
<div class="container">
	<div class="row">
		<div class="col-md-4 col-md-offset-4">
			<div class="login-box-plain">
				<h2 class="bigintro">Sign In</h2>
				<div class="divide-40"></div>
				<form role="form" method="post" action="">
				  <div class="form-group">
					<label for="exampleInputEmail1">登录帐号</label>
					<i class="fa fa-envelope"></i>
					<input type="text" name="name" class="form-control" id="exampleInputEmail1" value="<?php echo !empty($_COOKIE['name'])?$_COOKIE['name']:''; ?>">


				  </div>
				  <div class="form-group">
					<label for="exampleInputPassword1">登录密码</label>
					<i class="fa fa-lock"></i>
					<input type="password" name="password" value="<?php echo !empty($_COOKIE['password'])?$_COOKIE['password']:''; ?>" class="form-control" id="exampleInputPassword1" >
				  </div>

				  <div class="form-group">
					<label for="exampleInputPassword1">验证码</label>
					<i class="fa fa-lock"></i>
					<input type="text" name="code" value="" class="form-control" id="exampleInputPassword1" >
					<img src="index.php?c=admin&a=code&admin=1" class="checkbox">


				  </div>

				  <div class="form-actions">

				  <span class="add">
					<label class="checkbox">
					<input  <?php echo !empty($_COOKIE['name'])?'checked="checked"':''; ?>  id="check" name="check" type="checkbox" class="uniform" value="1" >记住我</label>
				  </span>

				<span class="add">

						<label class="checkbox"> <input id="auto" <?php echo !empty($_COOKIE['autologin'])?'checked="checked"':''; ?>  name="auto" type="checkbox" class="uniform" value="1" >自动登录</label>
				</span>

					<button type="submit" class="btn btn-danger">登录</button>
				  </div>
				</form>
				<!-- SOCIAL LOGIN -->
				<div class="divide-20"></div>
				<div class="center">
					<strong>Or login using your social account</strong>
				</div>
				<div class="divide-20"></div>
				<div class="social-login center">
					<a class="btn btn-primary btn-lg">
						<i class="fa fa-facebook"></i>
					</a>
					<a class="btn btn-info btn-lg">
						<i class="fa fa-twitter"></i>
					</a>
					<a class="btn btn-danger btn-lg">
						<i class="fa fa-google-plus"></i>
					</a>
				</div>
				<!-- /SOCIAL LOGIN -->
				<div class="login-helpers">
					<a href="#" onclick="swapScreen('forgot');return false;">Forgot Password?</a> <br>
					Don't have an account with us? <a href="#" onclick="swapScreen('register');return false;">Register
						now!</a>
				</div>
			</div>
		</div>
	</div>
</div>
</section>
<!--/LOGIN -->
<!-- REGISTER -->
<section id="register">
<div class="container">
	<div class="row">
		<div class="col-md-4 col-md-offset-4">
			<div class="login-box-plain">
				<h2 class="bigintro">Register</h2>
				<div class="divide-40"></div>
				<form role="form">
				  <div class="form-group">
					<label for="exampleInputName">Full Name</label>
					<i class="fa fa-font"></i>
					<input type="text" class="form-control" id="exampleInputName" >
				  </div>
				  <div class="form-group">
					<label for="exampleInputUsername">Username</label>
					<i class="fa fa-user"></i>
					<input type="text" class="form-control" id="exampleInputUsername" >
				  </div>
				  <div class="form-group">
					<label for="exampleInputEmail1">Email address</label>
					<i class="fa fa-envelope"></i>
					<input type="email" class="form-control" id="exampleInputEmail1" >
				  </div>
				  <div class="form-group">
					<label for="exampleInputPassword1">Password</label>
					<i class="fa fa-lock"></i>
					<input type="password" class="form-control" id="exampleInputPassword1" >
				  </div>
				  <div class="form-group">
					<label for="exampleInputPassword2">Repeat Password</label>
					<i class="fa fa-check-square-o"></i>
					<input type="password" class="form-control" id="exampleInputPassword2" >
				  </div>
				  <div class="form-actions">
					<label class="checkbox"> <input type="checkbox" class="uniform" value=""> I agree to the <a href="#">Terms of Service</a> and <a href="#">Privacy Policy</a></label>
					<button type="submit" class="btn btn-success">Sign Up</button>
				  </div>
				</form>
				<!-- SOCIAL REGISTER -->
				<div class="divide-20"></div>
				<div class="center">
					<strong>Or register using your social account</strong>
				</div>
				<div class="divide-20"></div>
				<div class="social-login center">
					<a class="btn btn-primary btn-lg">
						<i class="fa fa-facebook"></i>
					</a>
					<a class="btn btn-info btn-lg">
						<i class="fa fa-twitter"></i>
					</a>
					<a class="btn btn-danger btn-lg">
						<i class="fa fa-google-plus"></i>
					</a>
				</div>
				<!-- /SOCIAL REGISTER -->
				<div class="login-helpers">
					<a href="#" onclick="swapScreen('login');return false;"> Back to Login</a> <br>
				</div>
			</div>
		</div>
	</div>
</div>
</section>
<!--/REGISTER -->
<!-- FORGOT PASSWORD -->
<section id="forgot">
<div class="container">
	<div class="row">
		<div class="col-md-4 col-md-offset-4">
			<div class="login-box-plain">
				<h2 class="bigintro">Reset Password</h2>
				<div class="divide-40"></div>
				<form role="form">
				  <div class="form-group">
					<label for="exampleInputEmail1">Enter your Email address</label>
					<i class="fa fa-envelope"></i>
					<input type="email" class="form-control" id="exampleInputEmail1" >
				  </div>
				  <div class="form-actions">
					<button type="submit" class="btn btn-info">Send Me Reset Instructions</button>
				  </div>
				</form>
				<div class="login-helpers">
					<a href="#" onclick="swapScreen('login');return false;">Back to Login</a> <br>
				</div>
			</div>
		</div>
	</div>
</div>
</section>
<!-- FORGOT PASSWORD -->
</section>
<!--/PAGE -->
<!-- JAVASCRIPTS -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- JQUERY -->
<script src="resources/admin/js/jquery/jquery-2.0.3.min.js"></script>
<!-- JQUERY UI-->
<script src="resources/admin/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
<!-- BOOTSTRAP -->
<script src="bootstrap-dist/js/bootstrap.min.js"></script>


<!-- UNIFORM -->
<script type="text/javascript" src="resources/admin/js/uniform/jquery.uniform.min.js"></script>
<!-- CUSTOM SCRIPT -->
<script src="resources/admin/js/script.js"></script>

<script>



$(document).ready(function() {
         $('img').click(function(){

         	$(this).attr('src','index.php?c=admin&a=code&admin=1'+Math.random());
         })

	//给自动登录绑定点击事件
$('#auto').click(function(){
if ($(this).is(':checked')) {

		//alert(1)
		$('#check').parent().addClass('checked');
		$(':checkbox[name=check]').prop('checked',true);

}
})

App.setPage("login");  //Set current page
App.init(); //Initialise plugins and elements
});




</script>
<script type="text/javascript">
function swapScreen(id) {
jQuery('.visible').removeClass('visible animated fadeInUp');
jQuery('#'+id).addClass('visible animated fadeInUp');
}
</script>
<!-- /JAVASCRIPTS -->
</body>
</html>